<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title></title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="generator" content="" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
  <link href="css/haiersoft.css" rel="stylesheet" type="text/css" media="screen,print" />
  <link href="css/print.css" rel="stylesheet" type="text/css" media="print" />
  <script src="js/jquery-1.10.1.min.js" type="text/javascript">
</script>
  <script src="js/side.js" type="text/javascript">
</script><!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

<body>
  <!-- wrap_left -->
  <!-- /wrap_left -->
  <!-- picBox -->

  <div class="picBox" onclick="switchSysBar()" id="switchPoint"></div><!-- /picBox -->
  <!-- wrap_right -->

  <div class="wrap_right">
    <!-- Header -->
    <!-- /Header -->
    <!-- Contents -->

    <div id="Contents">
      <script type="text/javascript">
//<![CDATA[
      $(function(){
      $(".select").each(function(){
      var s=$(this);
      var z=parseInt(s.css("z-index"));
      var dt=$(this).children("dt");
      var dd=$(this).children("dd");
      var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",z+1);};
      var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",z);};
      dt.click(function(){dd.is(":hidden")?_show():_hide();});
      dd.find("a").click(function(){dt.html($(this).html());_hide();});
      $("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";});})})
      //]]>
      </script> <!-- MainForm -->

      <div id="MainForm">
        <div class="form_boxB">
          <h2>2017-11月费用列表</h2>

          <table cellpadding="0" cellspacing="0" id="allItem">
            <tr>
              <td colspan="10" class="info_boxA">　　类别：费用类　　日期：2017-11　　预测总浏览量：46150次</td>
            </tr>

            <tr>
              <th>序号</th>

              <th>作者</th>

              <th>类别</th>

              <th>访问量</th>

              <th>总计（次）</th>

              <th>状态</th>

              <th>审核人</th>

              <th>审核时间</th>

              <th>备注</th>

              <th>操作</th>
            </tr>

            <tr id="item1">
              <td>1</td>

              <td>张三</td>

              <td>爱情</td>

              <td class="money">45150</td>

              <td class="money">45150</td>

              <td class="f_cA">通过</td>

              <td>管理1</td>

              <td>2017-11-11 09:58:45</td>

              <td>&nbsp;</td>

              <td class="last"><a onclick="del('item1');">驳回</a></td>
            </tr>

            <tr id="item2">
              <td rowspan="5">2</td>

              <td rowspan="5">李四</td>

              <td>玄幻</td>

              <td class="money">14000</td>

              <td rowspan="5" class="money">15678</td>

              <td rowspan="5" class="f_cA">通过</td>

              <td rowspan="5">管理2</td>

              <td rowspan="5">2017-11-11 09:58:45</td>

              <td rowspan="5">&nbsp;</td>

              <td rowspan="5" class="last"><a  onclick="del('item2');">驳回</a></td>
            </tr>

            <tr>
              <td>爱情</td>

              <td class="money">1526</td>
            </tr>

            <tr>
              <td>都市玄幻</td>

              <td class="money">120</td>
            </tr>

            <tr>
              <td>高校言情</td>

              <td class="money">256</td>
            </tr>

            <tr>
              <td>古装武侠</td>

              <td class="money">6652</td>
            </tr>

            <tr id="item3">
              <td>3</td>

              <td>王五</td>

              <td>武侠</td>

              <td class="money">12</td>

              <td class="money">12</td>

              <td class="f_cA">通过</td>

              <td>管理3</td>

              <td>2017-11-11 09:58:45</td>

              <td>&nbsp;</td>

              <td class="last"><a  onclick="del('item3');">驳回</a></td>
            </tr>

            <tr id="item4">
              <td>4</td>

              <td>赵六</td>

              <td>修仙</td>

              <td class="money">1230</td>

              <td class="money">1230</td>

              <td class="f_cA">通过</td>

              <td>管理4</td>

              <td>2017-11-11 09:58:45</td>

              <td>&nbsp;</td>

              <td class="last"><a  onclick="del('item4');">驳回</a></td>
            </tr>

            <tr id="item5">
              <td>5</td>

              <td>王八</td>

              <td>军事</td>

              <td class="money">120</td>

              <td class="money">120</td>

              <td class="f_cA">通过</td>

              <td>管理5</td>

              <td>2017-11-11 09:58:45</td>

              <td>&nbsp;</td>

              <td class="last"><a  onclick="del('item5');">驳回</a></td>
            </tr>
          </table>

          <p class="msg" id="msg">共找到47条记录，当前显示从第1条至第10条</p>
        </div>
      </div><!-- /MainForm -->
      <!-- BtmMain -->

      <div id="BtmMain">
        <span class="ttl">全部审批</span> <!-- txtbox -->

        <div class="txtbox floatL mag_r20">
          <span class="sttl">审核时间：</span> <input name="" type="text" size="8" />
        </div><!-- /txtbox -->
        <!-- txtbox -->

        <div class="txtbox floatL mag_r20">
          <span class="sttl">审核人：</span> <input name="" type="text" size="8" />
        </div><!-- /txtbox -->
        <!-- btn_box -->

        <div class="btn_box floatR mag_l20">
          <input name="" type="button" value="返回列表" onmousemove="this.className='input_move'" onmouseout="this.className='input_out'" />
        </div><!-- /btn_box -->
        <!-- btn_box -->

        <div class="btn_box floatR mag_l20">
          <input name="" type="button" value="驳回" onmousemove="this.className='input_move'" onmouseout="this.className='input_out'" onclick="pass2();"/>
        </div><!-- /btn_box -->
        <!-- btn_box -->

        <div class="btn_box floatR mag_l20">
          <input name="" type="button" value="通过" onmousemove="this.className='input_move'" onmouseout="this.className='input_out'" onclick="pass();" />
        </div><!-- /btn_box -->
      </div><!-- /BtmMain -->
      <!-- PageNum -->

      <ul id="PageNum">
        <li><a href="#">首页</a></li>

        <li><a href="#">上一页</a></li>

        <li><a href="#">1</a></li>

        <li><a href="#">2</a></li>

        <li><a href="#">3</a></li>

        <li><a href="#">4</a></li>

        <li><a href="#">5</a></li>

        <li><a href="#">6</a></li>

        <li><a href="#">下一页</a></li>

        <li><a href="#">尾页</a></li>
      </ul><!-- /PageNum -->
    </div><!-- /Contents -->
    <!-- /footer -->

    <address>
      2007 Corporation,All Rights
    </address><!-- /footer -->
  </div><!-- /wrap_right -->

  <script type="text/javascript">
	function del(item)
	{
		alert("删除成功");
		document.getElementById(item).innerHTML = "";
	}

	function pass()
	{
		alert("全部通过成功");
		document.getElementById("allItem").innerHTML = "";
		document.getElementById("msg").innerHTML = "没有要审批的内容";
	}

	function pass2()
	{
		alert("全部驳回成功");
		document.getElementById("allItem").innerHTML = "";
		document.getElementById("msg").innerHTML = "没有要审批的内容";
	}
  </script>
</body>
</html>
